<!DOCTYPE html>
<html>
  <head>
    <title>v-model指令</title>
    <style></style>
    <script src="../../dist/vue.js"></script>
  </head>

  <body>
    <!-- <input type="text" :value="value1" @input="(e) => { this.value1 = e.target.value }" > 
        v-model不仅仅是上述的语法糖，他还增加了compositionstart和compositionend事件，这2个事件是判断知道中文输入什么时候开始和结束。
        一般情况输入框一动就会触发事件，但是在中文时，在输入的过程中打出一个拼音就触发显然不合理，这可以利用compositionstart和compositionend事件
    -->
    <div id="app"><input type="text" v-model="value1" /></div>
    <script>
      const app = new Vue({
        el: "#app",
        data() {
          return {
            value1: "123",
          };
        },
      });
    </script>
  </body>
</html>
